<template>
  <div>
    <section class="G_orderBG ">
      <section class="G_orderBG_body common">
        <aside class="G_orderBG_left">
          <!-- 酒店信息 -->
          <div class="order_hotel_info">
            <div class="G_hotel_info">
              <p class="img_right">
                <img src="https://himg1.qunarzz.com/imgs/202202/22/C.h-ES4TZPMdRL6bZ6Z240.jpg" alt="酒店图片">
              </p>
              <div class="cont">
                <p class="name">北京西直门漫心酒店</p>
                <p class="info">北京海淀区索家坟20号院5号楼</p>
                <p class="bed_type">心怡大床房(钟点房)</p>
                <div class="dec clearFix">
                  <p class="item">床型：<span>大床</span> </p>
                  <p class="item">早餐：<span>无餐食</span> </p>
                  <p class="item">wifi：<span>无wifi</span></p>
                  <p class="item">宽带：<span>无宽带</span></p>
                </div>
              </div>
            </div>
            <div class="order_tips_c">
              <div class="order_tips">
                03月29日18:00前免费取消
              </div>
            </div>
          </div>
          <!-- 入住信息 -->
          <div class="G_formNormal">
            <h2 class="title">入住信息</h2>
            <div class="item clearFix">
              <span>入住日期:</span>
              <span>2023-03-29</span>
            </div>
            <div class="item clearFix">
              <span>房间数量:</span>
              <select>
                <option value="">1间</option>
                <option value="">2间</option>
                <option value="">3间</option>
              </select>
            </div>
            <div class="item clearFix">
              <span>入住人数:</span>
              <select>
                <option value="">1人</option>
                <option value="">2人</option>
                <option value="">3人</option>
              </select>
            </div>
            <div class="item clearFix">
              <span>入住姓名:</span>
              <input type="text" name="" value="" placeholder="1间可填多人姓名">
            </div>
            <div class="item clearFix">
              <span>联系电话:</span>
              <input type="text" name="" value="" placeholder="预定成功会发送信息">
            </div>
            <div class="item clearFix">
              <span class="eat">餐食情况:</span>
              <div class="detail_price">
                <div class="price_item">
                  <p class="price_time">3月29日</p>
                  <div class="price_cont">
                    <p class="words">无餐食</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- 预订声明 -->
          <div class="G_notice">
            <p class="title">预订声明</p>
            <p class="info">2023年03月29日18:00前未入住，可免费取消。过时后非因法定原因未入住取消将收取您的全额房费。订单需预订方或酒店确认后生效，如未确认的将全额退款至您的付款账户。</p>
            <p class="info">预订服务由去哪儿网（天津）国际旅行社有限公司提供营业执照，住宿服务由酒店提供。</p>
            <p class="info">点击提交订单表示已阅读并同意 <em>个人信息授权协议</em> 、<em>酒店预订服务协议</em> </p>

          </div>
          <!-- 点击预订 -->
          <div class="G-submit">
            <p class="btn">下一步、支付</p>
          </div>
        </aside>
        <aside class="G_orderBG_right">
          <div class="G_pay_online">
            <!-- 右侧账单标题 -->
            <div class="title clearFix">
              <p class="name">在线付款</p>
              <span class="pay_total">¥200</span>
            </div>
            <!-- 房费 -->
            <div class="item clearFix">
              <span class="room_price_info">房费</span>
              <span class="room_price">¥200</span>
            </div>

            <div class="title clearFix">
              <p class="name">离店送</p>
              <!-- <span class="pay_total">$200</span> -->
            </div>
            <!-- 房费 -->
            <div class="item clearFix">
              <span class="room_price_info">送积分</span>
              <span class="room_price">24积分</span>
            </div>
            <div class="price_detail">
              <p class="fold">单价信息</p>
            </div>
            <!-- 订单编号 -->
            <div class="water-mark">编码：<span>G3Evuvt00</span> </div>
          </div>
        </aside>
      </section>
    </section>
  </div>
</template>

<script>
export default {
  name: 'HotelSystemIndex',

  data () {
    return {

    }
  },

  mounted () {

  },

  methods: {

  }
}
</script>

<style lang="less" scoped>

</style>
